<template>
    <Header />
    <div class="home">
        <SwpierTop />
        <IconList />
        <van-divider />
        <RecommendList />
        <TopList />
    </div>
</template>

<script setup lang="ts">
// setup 导入组件无需注册
import Header from '@/views/Home/components/Header.vue'
import IconList from './components/IconList.vue';
import SwpierTop from './components/SwpierTop.vue';
import RecommendList from './components/RecommendList.vue'
import TopList from './components/TopList.vue';
import { onMounted } from 'vue';
import store from '@/store';
const musicId = window.sessionStorage.getItem('musicId') || ''
onMounted(() => {
    if (!musicId.length) {
        store.commit('updateFooterMusicShow', false)
    }
})
</script>

<style lang = "less" scoped>
.home {
    padding: 0 0.2rem;
    background-color: #F5F5F5;
}
</style>